/*-------------------------门锁首页---------------------*/
/*----sy--banner-加弧度背景-------*/
#sybanner{position: relative;height: 3.6rem;width: 7.1rem;padding:0 0.2rem;background: url(../images/banner-back.jpg);background-size:100% 100%;}
#sybanner .hd{position: absolute;bottom: 0.2rem;width: 7.1rem;text-align:center;}
#sybanner .hd .on{background-color: #0095ff;width: 0.4rem;}
#sybanner .hd ul{display:inline-block;}
#sybanner .hd ul li{float: left;margin-right: 0.12rem;background-color: #fff; border-radius: 0.2rem;width: 0.2rem;height: 0.07rem;transition:all 0.5s ease;cursor: pointer;}
#sybanner img{width:7.1rem;height: 3.6rem;border-radius: 0.1rem;}

/*------首页导航图标-------*/
.sy-nav{padding:0.2rem 0.4rem;background-color: #fff;}
.sy-nav a{display: block; float: left;margin-right: 0.45rem;}
.sy-nav a:last-child{margin-right: 0rem;}
.sy-nav a img{width: 0.97rem;height: 0.97rem;}
.sy-nav a p{text-align: center;font-size: 0.24rem;color:#333;margin-top: 0.18rem;}
/*首页导航小图标*/
.sy-nav2{background:#fff;border:1px solid #f3f3f3;border-left:none;border-bottom:none;box-sizing:border-box;}
.sy-nav2 li a{width:33.3%;float: left; height:0.85rem;line-height:0.8rem;font-size:0.26rem;text-align:center;border-bottom:0.01rem solid #f3f3f3;border-left:0.01rem solid #f3f3f3;box-sizing:border-box;}
.sy-nav2 li i{display:inline-block;margin-right:0.08rem;font-size:0.26rem;vertical-align:middle;}


/*--------品牌小工具--------*/
.sysmall-tool{padding:0.2rem;background-color: #fff;}
.sysmall-tool ul li{float: left;width: 3.45rem;margin-right: 0.2rem; height: 1rem; border-radius: 0.05rem;background: url(../images/tool-supei.jpg);}
.sysmall-tool ul li:nth-child(2){background: url(../images/tool-ruzhu.jpg);margin-right: 0;}
.sysmall-tool ul li a h2{font-size: 0.28rem; color:#fff;margin:0.1rem 0 0 0.25rem;}
.sysmall-tool ul li a p{font-size: 0.2rem;color:#fff;margin:0.02rem 0 0 0.25rem;}
.sysmall-tool ul li:nth-child(2) a h2{color:#85534b;}
.sysmall-tool ul li:nth-child(2) a p{color:#85534b;}


/*--------加盟播报--------*/
.sy-bobaoback{background-color: #fff;padding:0 0.2rem 0.2rem 0.2rem;}
#sy-bobao{background-color: #f0f4f6;padding:0.15rem;}
#sy-bobao img{width: 0.37rem;height: 0.28rem;float: left;margin-right: 0.15rem;}
#sy-bobao .bd{float: left;}
#sy-bobao .bd ul p{font-size: 0.24rem;color:#666666;width: 6.2rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}


/*--------首页风云榜--------*/
#sy-top20{margin:0.2rem}
#sy-top20 .hd ul li{float: left;width: 3.45rem;cursor: pointer; height: 0.65rem;text-align: center;padding-top:0.18rem;color:#fff;font-size: 0.28rem;border-radius: 0.05rem 0.05rem 0rem 0rem;background: linear-gradient(-90deg, #dbdbdb 0%, #c5c5c5 100%);}
#sy-top20 .hd ul li:nth-child(1){margin-right: 0.2rem;}
#sy-top20 .hd ul .on{font-size: 0.32rem;font-weight: bold;background: linear-gradient(-90deg, #fb5c35 0%, #ed346d 100%);}
#sy-top20 .bd ul{display: table-cell; vertical-align: top;padding:0.2rem 0.2rem 0rem 0.2rem;border: 0.01rem solid #ffcaca;background-color: #fbf1f2;}
#sy-top20 .bd ul li{float: left;width:48%;margin:0rem 0.2rem 0.2rem 0rem; height: 0.39rem;overflow: hidden;}
#sy-top20 .bd ul li:nth-child(2n){margin:0rem 0rem 0.2rem 0rem;}
#sy-top20 .bd ul li p{text-align: center;float: left;width: 0.26rem;font-size: 0.22rem;background-color: #fff;line-height: 0.38rem;box-shadow: 0rem 0rem 0.05rem 0.02rem #ffd5d7;border-radius: 0.05rem;padding: 0rem 0.05rem;color: #df8585;margin-right:0.2rem;}
#sy-top20 .bd ul li a{display:block;float: left;width:80%;}
#sy-top20 .bd ul li h2{ font-size: 0.28rem;}




/*--------今日聚焦--------*/
.sytoday-jujiao{margin:0.2rem 0;background-color: #fff;padding:0.3rem;position: relative;}
.sytoday-jujiao img{position: absolute;width: 1rem;height: 1rem;top: 0rem;left: 0rem;}
.sytoday-jujiao ul li a{display: block;font-size: 0.3rem;color:#666;line-height: 0.7rem;}
.sytoday-jujiao ul li i{display: block;float: left; background: #999;width: 0.06rem;height: 0.06rem;margin-top: 0.10rem; position: relative;top:0.1rem;margin-right:0.15rem;}
.sytoday-jujiao ul li:nth-child(1) a{font-size: 0.34rem;text-indent: 1.4em; color:#333;margin-bottom: 0.15rem; font-weight: bold;padding-bottom: 0.15rem;border-bottom: 0.01rem solid #d2d6d8;}
.sytoday-jujiao ul li i:nth-child(1){ display: none}


/*--------优质品牌推荐--------*/
#syyzpp-main .hd{margin:0.2rem 0;border-bottom: solid 1px #e6e6e6;}
#syyzpp-main .hd ul{overflow-x:auto;white-space: nowrap;}
#syyzpp-main .hd ul li{font-size: 0.28rem;position: relative;display: inline-block;margin:0 0.15rem;padding-bottom: 0.1rem;}
#syyzpp-main .hd ul .on{border-bottom: 4px solid #0077cc;}
#syyzpp-main .bd ul li{margin-top: 0.2rem; float: left;margin-right:0.18rem; border: 1px solid #d3d3d3;width:3.43rem;border-radius: 0.05rem;}
#syyzpp-main .bd ul li:nth-child(2n){margin-right: 0rem;}
#syyzpp-main .bd ul li>a>img{width: 3.4rem;height: 2.26rem;border-bottom: 0.01rem solid #d3d3d3;border-radius: 0.05rem;}
#syyzpp-main .bd ul li h2{font-size: 0.32rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#syyzpp-main .bd ul li .pprz-text{padding:0.1rem 0.2rem 0.2rem 0.2rem;}
#syyzpp-main .bd ul li .pprz-text p{ font-size: 0.22rem;color:#999999;margin-top: 0.05rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#syyzpp-main .bd ul li .pprz-text p i img{float: left; width: 0.21rem;}
#syyzpp-main .bd ul li .pprz-text .btn{margin-top: 0.2rem;}
#syyzpp-main .bd ul li .pprz-text .btn button{font-size: 0.24rem;cursor: pointer; width: 1.42rem;height: 0.5rem;border-radius: 0.05rem;padding-bottom: 0.05rem; color:#fff;background: linear-gradient(90deg, #0770d2 0%, #1fcaec 100%);border:none;}
#syyzpp-main .bd ul li .pprz-text .btn button:focus{outline:none;}
#syyzpp-main .bd ul li .pprz-text .btn a:nth-child(1) button{color:#057fd0;background: linear-gradient(45deg, #fff 0%, #fff 100%);border:0.02rem solid #057fd0;margin-right: 0.16rem;}



/*--------会员服务--------*/
/*三会员横幅*/
.sy-vipheng{background-color: #fff;padding:0.2rem;}
.sy-vipheng a{float: left;margin-right: 0.19rem;width: 2.23rem;border-radius: 0.05rem;}
.sy-vipheng a:last-child{margin-right: 0;}
.sy-vipheng a img{width: 2.23rem;border-radius: 0.05rem;}

/*三会员横幅end*/
#threehy-main .hd{margin:0.2rem 0;border-bottom: solid 1px #e6e6e6;}
#threehy-main .hd ul{overflow-x:auto;white-space: nowrap;}
#threehy-main .hd ul li{font-size: 0.32rem;position: relative;display: inline-block;margin:0 0.52rem;padding-bottom: 0.1rem;}
#threehy-main .hd ul .on{border-bottom: 4px solid #0077cc; font-size: 0.34rem; font-weight: bold;}
#threehy-main .bd ul li{margin-top: 0.2rem; float: left;margin-right:0.18rem; border: 1px solid #d3d3d3;width:48%;border-radius: 0.05rem;}
#threehy-main .bd ul li:nth-child(2n){margin-right: 0rem;}
#threehy-main .bd ul li>a>img{width: 3.4rem;height: 2.26rem;border-bottom: 0.01rem solid #d3d3d3;border-radius: 0.05rem;}
#threehy-main .bd ul li h2{font-size: 0.32rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#threehy-main .bd ul li .pprz-text{padding:0.1rem 0.2rem 0.2rem 0.2rem;}
#threehy-main .bd ul li .pprz-text p{ font-size: 0.22rem;color:#999999;margin-top: 0.05rem;text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;overflow: hidden;}
#threehy-main .bd ul li .pprz-text p i img{float: left; width: 0.21rem;}
#threehy-main .bd ul li .pprz-text .btn{margin-top: 0.2rem;}
#threehy-main .bd ul li .pprz-text .btn button{font-size: 0.24rem;cursor: pointer; width: 1.42rem;height: 0.5rem;border-radius: 0.05rem;padding-bottom: 0.05rem; color:#fff;background: linear-gradient(90deg, #0770d2 0%, #1fcaec 100%);border:none;}
#threehy-main .bd ul li .pprz-text .btn button:focus{outline:none;}
#threehy-main .bd ul li .pprz-text .btn a:nth-child(1) button{color:#057fd0;background: linear-gradient(45deg, #fff 0%, #fff 100%);border:0.02rem solid #057fd0;margin-right: 0.16rem;}





/*--------展会预告-一行两个--------*/
.zhyg-main {padding-bottom: 0.2rem;}
.zhyg-main li{float: left;width: 3.45rem;padding-top: 0.3rem;margin-right: 0.2rem;}
.zhyg-main li:nth-child(2n){margin-right: 0;}
.zhyg-main .zhyg-img{position: relative;float: left;  border: 1px solid #ddd;width: 3.3rem;}
.zhyg-main .zhyg-img p{position: absolute;width:3rem; bottom: -0.25rem;font-size: 0.2rem;font-weight: bold;padding:0.05rem 0.15rem;border-radius: 0.1rem 0.1rem 0rem 0rem;background: linear-gradient(-90deg, #0077cc 0%, #2798e8 100%);color:#fff;}
.zhyg-main .zhyg-img img{width: 3.45rem;height: 1.66rem;}
.zhyg-main .zhyg-word{float:left;width: 3.45rem;margin-top: 0.25rem;}
.zhyg-main .zhyg-word h2{font-size: 0.3rem;color:#333;margin-top: 0.08rem; margin-bottom: 0.08rem;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.zhyg-main .zhyg-word p{float: left;width: 3.2rem;font-size: 0.24rem;color:#9e9e9e;margin-top: 0.05rem;overflow: hidden; text-overflow: ellipsis;-webkit-line-clamp: 1;-webkit-box-orient: vertical;display: -webkit-box;}
.zhyg-main .zhyg-word p i{width: 0.3rem;height: 0.3rem;float: left;margin-top: 0.03rem;font-size: 0.2rem;}